<template>
    <div class="footer">
        <el-row>
            <el-col :span="4">
                <i></i>
                <p>DC Option</p>
            </el-col>
            <el-col :span="14">
                <p class="title font-gray">常见问题</p>
                <ul>
                    <li><router-link :to="{path:'login'}" tag="a">数字货币</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">平仓</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">交易时间</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">保证金杠杆交易</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">止盈止损</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">保证金</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">数字货币钱包</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">何时会强制平仓</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">市价下单</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">比特币</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">OTC如何买币</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">如何收交易手续费</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">触发下单</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">USDT</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">如何计算盈亏</router-link></li>
                    <li><router-link :to="{path:'login'}" tag="a">如何收持仓过夜费</router-link></li>
                </ul>
            </el-col>
            <el-col :span="6">
                 <p class="title font-gray">合作伙伴</p>
                 <div>
                     <img v-for="n in 14" :key="n" src="./image/ch.png" alt="">
                 </div>
                 <p class="font-gray">联系方式</p>
                 <p class="email"><i class="el-icon-message"> 1234567889@qq.com</i></p>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name:'Footer',
    data(){
        return{

        }
    }
}
</script>

<style lang="less" scoped>
.footer{
    
    margin: 0 auto;
    background-color: #1c1d3b;
    border-top: 1px solid #313258;
    .el-row{
        max-width: 1300px;
        min-width: 980px;
        padding: 50px;
        .title{line-height: 30px;}
    }
    ul li{list-style: none;width: 25%;float: left;color: #fff;line-height: 30px;}
    ul li a{color: #fff;}
    .el-col-6 img{ margin:  8px 8px;}
    .el-col-6 p{line-height: 20px;}
    .el-col-4{
        font-size: 20px;
    }
  
}
</style>
